<html>
<head>
	<meta charset="UTF-8">
	Netty WebSocket
</head>
<body>
	<br />
	<script type="text/javascript">
		var socket;
		if(!window.WebSocket){
			window.WebSocket = window.MozWebSocket;
		}
		
		if(window.WebSocket){
			socket = new WebSocket("ws://localhost:8080/websocket");
			socket.onmessage = function(event){
				var ta = document.getElementById('responseText');
				ta.value = "";
				ta.value = event.data;
			};
			
			socket.onopen = function(event){
				var ta = document.getElementById('responseText');
				ta.value = "Open WebSocket server successfully";
			};
			
			socket.onclose = function(event){
				var ta = document.getElementById('responseText');
				ta.value ="";
				ta.value = "WebSocket is shutdown.";
			};
		}else{
			alert("The browser doesn't support web socket.");
		}
		
		function send(message){
			if(!window.WebSocket)
				return;
			
			if(socket.readyState == WebSocket.OPEN)
				socket.send(message);
			else
				alert("WebSocket connection failed.");
		}
	</script>
	
	<form onsubmit="return false;">
		<input type="text" name="message" value="netty" />
		<br />
		<br />
		<input type="button" value = "Send WebSocket request message" onclick="send(this.form.message.value)" />
		
		<hr color = "blue" />
		<h3>
		服务器端返回的应答消息:
		</h3>
		<textarea id="responseText" style="width:500px; height:300px" ></textarea>
	</form>
</body>
</html>